웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > js

[JQuery] Input, Textarea 활성화 또는 비활성화 변경

Last Modified : 2017-12-31 / Created : 2014-01-09
21,515
View Count
제이쿼리를 사용하여 input 태그 그리고 textarea 태그를 활성화 또는 비활성화로 변경하는 방법을 알아봅니다. 입력폼인 위 태그를 활성화 또는 비활성화 할 경우 글 입력(작성)이 가능 또는 불가능하게 변경할 수 있습니다. 그렇다면 아래는 이를 바꾸는 방법입니다.

$(ele).attr('disabled', 'disabled');




# 제이쿼리 attr()함수를 사용한 비활성 방법

이 방법은 jQuery를 사용하여 해당태그에 속성값 disabled를을 추가하는 방법입니다. attr() 메소드를 사용하면 속성과 속성값을 추가할 수 있습니다. attr() 메소드를 사용하는 간단한 예제는 아래에서 알아봅니다.


# 글입력폼 비활성화 예제보기, attr('disabled')
아래 예제를 봐주세요. 버튼을 클릭할 경우 활성화에서 비활성화로 변경되는 간단한 예제입니다.
<input type="text" placeholder="site name" />
<button id="sitename">Disable</button>

아래는 스크립트코드입니다.
$('#sitename').click(function() {
  $('input').attr('disabled', 'disabled');
});

이제 버튼을 클릭하여 비활성화로 바뀌게되었습니다. 이처럼 attr()을 사용하여 diabled 속성을 추가할 수 있습니다. 이제 아래에서 실제로 클릭해보세요.


# 비활성화 예제 실제구현 및 클릭해보기

위 예제를 실행하면 아래와 같습니다. 이제 버튼을 클릭하세요.

Previous

[JavaScript] 문자열의 일부 가져오기, 삭제하기